<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
	<title>用户管理</title>
  <!--调试使用
  <link rel="stylesheet" th:href="@{/css/pub-lib/bootstrap/bootstrap.min.css}"/>
  <link rel="stylesheet" th:href="@{/css/pub-lib/font-awesome.min.css}"/>
  <link rel="stylesheet" th:href="@{/css/pub-lib/ionicons.min.css}"/>
  <link rel="stylesheet" th:href="@{/js/pub-lib/plugins/easyui/themes/default/easyui.css}"/>
  <link rel="stylesheet" th:href="@{/css/pub-lib/bootstrap/dataTables.bootstrap.min.css}"/>
  <link rel="stylesheet" href="../js/pub-lib/plugins/bootstrap-validator/bootstrapValidator.min.css"/>
  <link rel="stylesheet" th:href="@{/css/pub-lib/_all-skins.min.css}"/>
  <link rel="stylesheet" href="../js/pub-lib/plugins/jqueryConfirm/jquery-confirm.min.css"/>
  <link rel="stylesheet" th:href="@{/css/pub-lib/_all.css}"/>
  <link rel="stylesheet" th:href="@{/css/pub-lib/select2.min.css}"/>
  <link rel="stylesheet" th:href="@{/css/pub-lib/adminLte/AdminLTE.css}"/>
  <link rel="stylesheet" th:href="@{/css/our-lib/myStyle.css}"/>-->
  <!--调试使用-->
</head>
<body >
    <!--标题-->
    <section class="content-header">
      <h1>
        管理系统
        <small>用户管理</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-home"></i> 首页</a></li>
        <li><a href="#">系统管理</a></li>
        <li class="active">用户管理</li>
      </ol>
    </section>

    <!--内容-->
    <section class="content">
      <div class="box box-default">
        <div class="box-header with-border">
          <div class="row">
            <div class="col-md-12">

              <div class="form-inline">
                <!--
                <div class="form-group">
                  <label for="exampleInputName2">单位：</label>
                  <div class="input-group">
                    <input id="exampleInputName2" type="text" class="form-control" placeholder="请搜索单位" disabled="true"></input>
                    <span class="input-group-btn">
                      <button id="searchOrgBtn" class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
                    </span>
                  </div>
                </div>-->
                <div class="form-group">
                  <label for="unitTypeSel">单位类型：</label>
                  <div class="input-group">
                    <select id="unitTypeSel" class="form-control select2"></select>
                  </div>
                </div>
                <div class="form-group">
                  <label for="unitSel">单位：</label>
                  <div class="input-group">
                    <select id="unitSel" class="form-control select2"></select>
                  </div>
                </div>
                <div class="form-group">
                  <label>用户名称：</label>
                  <input id = "searchUserTxt" type="text" class="form-control" placeholder="请输入用户名称"></input>
                </div>
                <div class="form-group">
                  <label>状态：</label>
                  <input class="easyui-switchbutton" onText="有效" offText="无效" id="statusCdTxt"></input>
                </div>
                <button class="btn btn-border" id="searchUserBtn"><i class="fa fa-search"></i> 查询</button>
                <button id="toAddUserBtn" class="btn btn-border"><i class="fa fa-plus"></i> 新增</button>
                <button id="batchDelBtn" class="btn btn-info"><i class="fa fa-window-restore"></i> 更改用户状态</button>
              </div>

            </div>
          </div>
        </div>
        <div class="box-body">
          <div class="col-sm-2 noLeftPadding">
                <div class="treeMenu">
                  <ul id="jobTree" class="easyui-tree">
                    <!--<li><span>单位类型</span>
                      <ul>
                        <li><span>建设单位</span>
                          <ul>
                            <li><span>厅信息中心</span></li>
                          </ul>
                        </li>
                        <li><span>监理单位</span></li>
                        <li><span>承接单位</span>
                          <ul>
                            <li><span>三级菜单</span>
                            <ul>
                              <li><span>四级菜单</span></li>
                              <li><span>四级菜单</span></li>
                              <li><span>四级菜单</span></li>
                            </ul>
                          </li>
                            <li><span>三级菜单</span>
                          </li>
                            <li><span>三级菜单</span>
                            <ul>
                              <li><span>四级菜单</span></li>
                              <li><span>四级菜单</span></li>
                              <li><span>四级菜单</span></li>
                            </ul>
                          </li>
                          </ul>
                        </li>
                      </ul>
                    </li>-->
                  </ul>
                </div>
              </div>
              <div class="col-sm-10 myTable">
                <table id="userInfoList" class="table table-bordered table-striped">
                  <!--
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>登录账户</th>
                      <th>登录密码</th>
                      <th>用户名称</th>
                      <th>手机号码</th>
                      <th>联系电话</th>
                      <th>电子邮箱</th>
                      <th>单位</th>
                      <th class="fontCenter">状态</th>
                      <th class="fontCenter">权限管理</th>
                    </tr>
                  </thead>
                  <tbody id="showUserTb">
                    <tr>
                      <td>001</td>
                      <td>zhangsan</td>
                      <td>122001</td>
                      <td>张三</td>x
                      <td>1877389209</td>
                      <td>1877389209</td>
                      <td>190280394@qq.com</td>
                      <td>建设单位</td>
                      <td class="fontCenter">1877389209</td>
                      <td class="fontCenter">
                        <a href="javascript:;" data-toggle="modal" data-target="#roleChoseModal">角色</a>
                        <a href="javascript:;" data-toggle="modal" data-target="#powerChoseModal">权限</a>
                        <a href="javascript:;" data-toggle="modal" data-target="#userAddEditModal">修改</a>
                        <a href="javascript:;">删除</a>
                      </td>
                    </tr>
                  </tbody>-->
                </table>
                <div class="myPage">
                  <div id="page"></div>
                </div>
              </div>
        </div>
      </div>
    </section>
  <div class="control-sidebar-bg"></div>
<!--用户增加修改-->
<div class="modal fade" id="userAddEditModal"  role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel12">增加员工</h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" id="userInfoForm">
              <div class="box-body deafult-tip">
                <div class="form-group">
                  <label class="col-sm-3 control-label">用户名称：</label>
                  <div class="col-sm-9">
                    <input id="staffName" name="staffName" type="text" class="form-control" placeholder="请输入用户名称"></input>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">登陆账号：</label>
                  <div class="col-sm-9">
                    <input id="staffCode" name="staffCode" type="text" class="form-control" placeholder="请输入登录账号"></input>
                  </div>
                </div>
                <div id="pwdDiv" class="form-group">
                  <label class="col-sm-3 control-label">密码：</label>
                  <div class="col-sm-9">
                    <div class="input-group">
                      <input id="passWord" type="password"  name="passWord" class="form-control" placeholder="请输入密码"></input>
                      <span class="input-group-btn">
                        <button class="btn btn-default" type="button">初始化</button>
                      </span>
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">手机号码：</label>
                  <div class="col-sm-9">
                    <input id="mobileNum" name="mobileNum" type="text" class="form-control" placeholder="请输入手机号码"></input>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">联系电话：</label>
                  <div class="col-sm-9">
                    <input id="linkTel" name="linkTel" type="text" class="form-control" placeholder="请输入联系电话"></input>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">电子邮箱：</label>
                  <div class="col-sm-9">
                    <input id="email" name="email" type="text" class="form-control" placeholder="请输入电子邮箱"></input>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">单位：</label>
                  <div class="col-sm-9">
                    <div class="input-group">
                      <input id="orgId" type="text" name="orgId" class="form-control" placeholder="请搜索单位" disabled="true"></input>
                      <span class="input-group-btn">
                        <button id="unitsearchBtn" class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </form>
      </div>
      <div class="modal-footer">
        <button id="userInfoCancel" type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button id="userInfoBtn" type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>

    <div class="modal fade bs-example-modal-lg" id="unitSearchModal1" ></div>

<!--角色选择页面-->
<div class="modal fade" id="roleChoseModal"  role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">选择角色</h4>
      </div>
      <div class="modal-body">
        <!--内容开始-->
        <div class="row">
          <div class="col-xs-12">
            <div class="box">
              <div class="box-header with-border">
                <h3 class="box-title">用户授权情况</h3>
              </div>
              <div class="box-body">
                <div class="myTable">
                  <div >
                  <table id="roleInfoList" class="table table-bordered table-striped">
                    <!--
                    <thead>
                      <tr>
                        <th class="fontCenter">选择</th>
                        <th>角色编码</th>
                        <th>角色名称</th>
                        <th>授权情况</th>
                        <th class="fontCenter">操作</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td class="fontCenter"><input type="radio" name="role" class="minimal" checked="true"></input></td>
                        <td>001</td>
                        <td>系统管理员</td>
                        <td>未授权</td>
                        <td class="fontCenter">
                          <a href="javascript:;">授权</a>
                        </td>
                      </tr>
                      <tr>
                        <td class="fontCenter"><input type="radio" name="role" class="minimal"></input></td>
                        <td>001</td>
                        <td>系统管理员</td>
                        <td>已授权</td>
                        <td class="fontCenter">
                          <a href="javascript:;">收回</a>
                        </td>
                      </tr>
                      <tr>
                        <td class="fontCenter"><input type="radio" name="role" class="minimal"></input></td>
                        <td>001</td>
                        <td>系统管理员</td>
                        <td>未授权</td>
                        <td class="fontCenter">
                          <a href="javascript:;">授权</a>
                        </td>
                      </tr>
                      <tr>
                        <td class="fontCenter"><input type="radio" name="role" class="minimal"></input></td>
                        <td>001</td>
                        <td>系统管理员</td>
                        <td>未授权</td>
                        <td class="fontCenter">
                          <a href="javascript:;">授权</a>
                        </td>
                      </tr>
                    </tbody>-->
                  </table>
                  </div>
                  <div class="myPage">
                    <div id="page3"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      <!--内容结束-->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">保存</button>
      </div>
    </div>
  </div>
</div>


<!--权限选择页面-->
<div class="modal fade" id="powerChoseModal"  role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel1">选择权限</h4>
      </div>
      <div class="modal-body">
        <!--内容开始-->
        <div class="row">
          <div class="col-xs-12">
            <div class="box">
              <div class="box-header with-border" id="checkAllDiv">

              </div>
              <div class="box-body">

                <div class="row">
                <div class="col-md-12 marginBottom">
                  <div class="form-inline">
                    <div class="form-group">
                      <label>权限类型：</label>
                      <select id="staffLimitTypeSel" class="form-control select2"></select>
                        <!--<option selected="selected">项目访问</option>
                        <option>修改项目</option>
                      </select>-->
                    </div>
                  </div>
                </div>
                <div class="col-sm-12">
                  <div class="myTable">
                    <div >
                      <table id="limitListTab" class="table table-bordered table-striped">
                        <!--
                        <thead>
                          <tr>
                            <th class="fontCenter">选择</th>
                            <th>角色编码</th>
                            <th>角色名称</th>
                            <th>授权情况</th>
                            <th class="fontCenter">操作</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td class="fontCenter"><input type="radio" name="role" class="minimal" checked="true"></input></td>
                            <td>001</td>
                            <td>系统管理员</td>
                            <td>未授权</td>
                            <td class="fontCenter">
                              <a href="javascript:;">授权</a>
                            </td>
                          </tr>
                          <tr>
                            <td class="fontCenter"><input type="radio" name="role" class="minimal"></input></td>
                            <td>001</td>
                            <td>系统管理员</td>
                            <td>已授权</td>
                            <td class="fontCenter">
                              <a href="javascript:;">收回</a>
                            </td>
                          </tr>
                          <tr>
                            <td class="fontCenter"><input type="radio" name="role" class="minimal"></input></td>
                            <td>001</td>
                            <td>系统管理员</td>
                            <td>未授权</td>
                            <td class="fontCenter">
                              <a href="javascript:;">授权</a>
                            </td>
                          </tr>
                          <tr>
                            <td class="fontCenter"><input type="radio" name="role" class="minimal"></input></td>
                            <td>001</td>
                            <td>系统管理员</td>
                            <td>未授权</td>
                            <td class="fontCenter">
                              <a href="javascript:;">授权</a>
                            </td>
                          </tr>
                        </tbody>-->
                      </table>
                    </div>
                    <div class="myPage">
                      <div id="page4"></div>
                    </div>
                  </div>
                </div>
              </div>

              </div>
            </div>
          </div>
        </div>
      <!--内容结束-->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" id="limitSaveBtn">保存</button>
      </div>
    </div>
  </div>
</div>


<!--单位搜索界面-->
<div class="modal fade bs-example-modal-lg" id="unitSearchModal">
  <div class="modal-dialog modal-lg myModal_lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">单位搜索</h4>
      </div>
      <div class="modal-body">
        <!--内容开始-->
        <div class="box box-default">
          <div class="box-header with-border">
            <h3 class="box-title">条件查询</h3>
          </div>
          <div class="box-body">
            <div class="row">
              <div class="col-md-12">

                <div class="form-inline">
                  <div class="form-group">
                    <label>单位类型：</label>
                    <select id="selectOrgType" class="form-control select2">

                    </select>
                  </div>
                  <div class="form-group">
                  <label>单位名称：</label>
                  <input id="searchOrgName" type="text" class="form-control" placeholder="请输入单位名称"></input>
                </div>
                  <button type="submit" id="searchOrgBtnChi" class="btn btn-info"><i class="fa fa-search"></i> 查询</button>
                </div>

              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            <div class="box">
              <div class="box-header with-border">
                <h3 class="box-title">查询列表</h3>
              </div>
              <div class="box-body">
                <div class="col-sm-2 noLeftPadding">
                  <div class="treeMenu">
                    <ul id="unitSearchTree" class="easyui-tree">
                      <!--<li><span>单位类型</span>
                        <ul>
                          <li><span>建设单位</span>
                            <ul>
                              <li><span>厅信息中心</span></li>
                            </ul>
                          </li>
                          <li><span>监理单位</span></li>
                          <li><span>承接单位</span>
                            <ul>
                              <li><span>三级菜单</span>
                              <ul>
                                <li><span>四级菜单</span></li>
                                <li><span>四级菜单</span></li>
                                <li><span>四级菜单</span></li>
                              </ul>
                            </li>
                              <li><span>三级菜单</span>
                            </li>
                              <li><span>三级菜单</span>
                              <ul>
                                <li><span>四级菜单</span></li>
                                <li><span>四级菜单</span></li>
                                <li><span>四级菜单</span></li>
                              </ul>
                            </li>
                            </ul>
                          </li>
                        </ul>
                      </li>-->
                    </ul>
                  </div>
                </div>
                <div class="col-sm-10 myTable">
                  <table id="orgListTb" class="table table-bordered table-striped">
                   <!-- <thead>
                      <tr>
                        <th class="fontCenter">选择</th>
                        <th>序号</th>
                        <th>单位名称</th>
                        <th>单位类型</th>
                        <th>单位地址</th>
                        <th class="fontCenter">状态</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td class="fontCenter"><input type="radio" name="r1" class="minimal" checked="true"></input></td>
                        <td>001</td>
                        <td>zhangsan</td>
                        <td>建设单位</td>
                        <td>长沙市</td>
                        <td class="fontCenter">状态</td>
                      </tr>
                      <tr>
                        <td class="fontCenter"><input type="radio" name="r1" class="minimal" checked="true"></input></td>
                        <td>001</td>
                        <td>zhangsan</td>
                        <td>建设单位</td>
                        <td>长沙市</td>
                        <td class="fontCenter">状态</td>
                      </tr>
                      <tr>
                        <td class="fontCenter"><input type="radio" name="r1" class="minimal" checked="true"></input></td>
                        <td>001</td>
                        <td>zhangsan</td>
                        <td>建设单位</td>
                        <td>长沙市</td>
                        <td class="fontCenter">状态</td>
                      </tr>
                      <tr>
                        <td class="fontCenter"><input type="radio" name="r1" class="minimal" checked="true"></input></td>
                        <td>001</td>
                        <td>zhangsan</td>
                        <td>建设单位</td>
                        <td>长沙市</td>
                        <td class="fontCenter">状态</td>
                      </tr>
                    </tbody>-->
                  </table>
                  <div class="myPage">
                    <div id="page2"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      <!--内容结束-->
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" id="orgEnsureBtn">确定</button>
      </div>
    </div>
  </div>
</div>
</body>

<!---->
  <script th:src="@{/js/pub-lib/jquery.min.js}"></script>
  <script th:src="@{/js/pub-lib/bootstrap.min.js}"></script>
  <script th:src="@{/js/pub-lib/icheck.min.js}"></script>
  <script th:src="@{/js/pub-lib/select2.full.min.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/easyui/jquery.easyui.min.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/toastr/toastr.min.js}"></script>
  <script type="text/javascript" src="../js/pub-lib/plugins/bootstrap-validator/bootstrapValidator.min.js"></script>
  <script type="text/javascript" src="../js/pub-lib/plugins/jqueryConfirm/jquery-confirm.min.js"></script>
  <script th:src="@{/js/pub-lib/jquery-ui-datepicker.min.js}"></script>
  <script th:src="@{/js/pub-lib/jquery-ui-datepicker.zh-CN.js}"></script>

<!--调试使用<script th:src="@{/js/pub-lib/common.js}"></script>-->

<script type="text/javascript" th:src="@{/js/our-lib/commpent/unitcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/unittypetoselcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/unitsearchcommpent.js}"></script>
  <script th:src="@{/js/our-lib/systemmanage/userManage.js}"></script>
</html>
